<template>
    <div class="box">
        <div class="f-com" v-if="info.list && info.list.length > 0">
            <div class="gbg" v-for="(item, index) in info.list" :key="index">
                <img :src="$imgUrl + item.img"  />
            </div>
        </div>
        <div class="view-img-box" v-else>
            <empty icon="Picture" name="图片模块" />
        </div>
    </div>
</template>

<script setup>
import empty from '../empty.vue'
const props = defineProps({
    info: { required: true },
});

</script>

<style lang="scss" scoped>
.box{
    width: 100%;
    *{
        box-sizing: border-box;
    }
}
.f-com {
    width: 100%;
    height: auto;
    display: flex;
    .gbg {
        flex-shrink: 1;
        height: auto;
        display: flex;
        flex-direction: column;
        img{
            width: 100%;
            height: auto;
        }
    }
}
</style>
